<?xml version='1.0' encoding='UTF-8' ?> 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:ui="http://java.sun.com/jsf/facelets"
      xmlns:h="http://java.sun.com/jsf/html"
      xmlns:f="http://java.sun.com/jsf/core">

    <h:head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
        <link href="./template/devision/style.css" rel="stylesheet" type="text/css" />
        <title>Cattle Control</title>
    </h:head>

    <h:body>

 <div class="main">
  <div class="header">
    <div class="header_resize">
      <div class="logo">
        <h1>Ca<span>TT</span>le Control<small> The way to organize you farm</small></h1>
      </div>
      
      <div class="clr"></div>
      <div class="header_img"><img src="./template/devision/images/main_img.png" alt="" width="298" height="233" />
        <h2><span>Control your farm!</span></h2>
        <p>Cattle Control is the ultimate tool to handle you cattle and to keep your farm organized!</p>
        <div class="clr"></div>
      </div>
    </div>
  </div>
  <div class="clr"></div>
  <div class="content">
    <div class="content_resize">
      <div class="mainbar">
        <div class="article">
          <ui:insert name="content">
            <h2><span>Welcome</span></h2>
          <div class="clr"></div>
          <img src="./faces/template/devision/images/img_2.jpg" width="613" height="193" alt="" />
          <div class="clr"></div>
          <p>Welcome to the System of Cattle Control. Please select the option in the left menu that best fit you need.</p>
        </ui:insert>
        </div>
      </div>
      <div class="sidebar">
        
        <div class="gadget">
          <h2>Action Menu</h2>
          <div class="clr"></div>
          <ul class="sb_menu">
              <h:form>
              <li><h:commandLink value ="Home" action="index.xhtml"/></li>
              <li><h:commandLink value ="Add New Events" action="newEvent.xhtml"/></li>
              <li><h:commandLink value ="Search for Events" action="searchEvent.xhtml"/></li>
              <li><h:commandLink value ="List Your Cattle" action="listCattle.xhtml"/></li>
              </h:form>
          </ul>
        </div>
        <div class="gadget">
          <h2><span></span></h2>
          <div class="clr"></div>
          <ul class="ex_menu">
           
          </ul>
        </div>
      </div>
      <div class="clr"></div>
    </div>
  </div>
  <div class="fbg">
    <div class="fbg_resize">
        <center>Trabalho Final de Programação Avançada by <b>Fernando Pinheiro</b> e <b>Silvia Benza</b></center>
      
      
    </div>
  </div>
</div>
    </h:body>

</html>
